// 作者:于大明
.ma-skeleton {
	background: white;
	padding: 20rpx;
	.skeleton {
		background: #f6f7f8;
		overflow: hidden;
		position: relative;
	}

	.skeleton::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
		background-repeat: no-repeat;
		background-size: 1600rpx;
		animation: loading 1s linear infinite;
	}
	@keyframes loading {
		from {
			background-position: -936rpx 0;
		}
		to {
			background-position: 936rpx 0;
		}
	}

	// .skeleton-header {
	// 	height: 260rpx;
	// }
	// .skeleton-avatar {
	// 	width: 128rpx;
	// 	height: 128rpx;
	// 	border-radius: 50%;
	// }
	
	// .skeleton-header,
	// .skeleton-content {
	// padding: 20px;
	// }
	
	// .skeleton-row {
	// height: 20px;
	// margin-bottom: 10px;
	// }
	// /* Base styles for skeleton loading */
	// .skeleton {
	// background-color: #f0f0f0;
	// border-radius: 8rpx;
	// margin-bottom: 20rpx;
	// height: 248rpx;
	// width: 100%;
	// }
	// /* Animation styles for skeleton loading */
	// @keyframes shimmer {
	// 0% {
	// background-position: -2000rpx 0;
	// }

	// 100% {
	// background-position: 2000rpx 0;
	// }
	// }
	// .skeleton.shimmer:before {
	// content: "";
	// display: block;
	// position: absolute;
	// top: 0;
	// left: 0;
	// right: 0;
	// bottom: 0;
	// z-index: 1;
	// background-image: linear-gradient( to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100% );
	// background-repeat: no-repeat;
	// background-size: 800px 104px;
	// animation: loading 1s linear infinite;
	// }
	// .skeleton::before {
	// content: "";
	// display: block;
	// position: absolute;
	// top: 0;
	// left: 0;
	// right: 0;
	// bottom: 0;
	// z-index: 1;
	// background-image: linear-gradient( to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100% );
	// background-repeat: no-repeat;
	// background-size: 800px 104px;
	// animation: loading 1s linear infinite;
	// }
}
